<template>
  <div class="wrapper wrapper-content animated fadeInRight v-cloak" v-cloak>
    <div class="row">
      <div class="ibox float-e-margins">
        <div class="form m-tibox-content col-md-12">
          <div class="clearfix "></div>
          <div class="col-md-6">
            <div class="form-group clearfix">
              <label class="control-label">行政区域：</label>
              <div class="col-md-12 form-control">
                {{item.areaName}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">年报年份(起)：</label>
              <div class="col-md-12 form-control">
                {{item.dateReportBegin}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">年报年份(止)：</label>
              <div class="col-md-12 form-control">
                {{item.dateReportEnd}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">填报日期：</label>
              <div class="col-md-12 form-control">
                {{item.reportingDate | date('yyyy-MM-dd HH:mm:ss')}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">填报人姓名：</label>
              <div class="col-md-12 form-control">
                {{item.reportingRiveruserName}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">填报机构名称：</label>
              <div class="col-md-12 form-control">
                {{item.reportingOrgName}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">村级河长、湖长（包含巡河员、护河员）人数：</label>
              <div class="col-md-12 form-control">
                {{item.specialVillageSupervise}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">聘用贫困人口担任巡河员、护河员的人数：</label>
              <div class="col-md-12 form-control">
                {{item.specialPoor}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">问责-级别：</label>
              <div class="col-md-12 form-control">
                {{item.aLevel}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">问责-志愿者服务组织数量（个）：</label>
              <div class="col-md-12 form-control">
                {{item.aVolunteersOrg}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">问责-河湖治理投入级别：</label>
              <div class="col-md-12 form-control">
                {{item.aGovernLevel}}
              </div>
            </div>
          </div>
          <div class="col-md-6">

            <div class="form-group clearfix">
              <label class="control-label">问责-河湖治理社会资本（万元）：</label>
              <div class="col-md-12 form-control">
                {{item.aGovernSocialCapital}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">问责-民间河长（人）：</label>
              <div class="col-md-12 form-control">
                {{item.aVoluntaryRiverSupervise}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">问责-志愿者服务组织成员（人）：</label>
              <div class="col-md-12 form-control">
                {{item.aVolunteersPerson}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">问责-河湖治理财政投入（万元：</label>
              <div class="col-md-12 form-control">
                {{item.aGovernFiscal}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">问责-河湖治理合计（万元）：</label>
              <div class="col-md-12 form-control">
                {{item.aGovernTotal}}
              </div>
            </div>
            <div class="form-group clearfix">
              <label class="control-label">创建时间：</label>
              <div class="col-md-12 form-control">
                {{item.dateCreated | date('yyyy-MM-dd HH:mm:ss')}}
              </div>
            </div>

            <div class="form-group clearfix">
              <label class="control-label">更新时间：</label>
              <div class="col-md-12 form-control">
                {{item.dateUpdated | date('yyyy-MM-dd HH:mm:ss')}}
              </div>
            </div>

          </div>
          <div class="clearfix "></div>
          <div class="col-12 text-center" style="height: 50px;">
            <div>
              <a @click="lbox.closeMyBoxLayer()" class="btn btn-danger" href="javascript:">返回</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script type="text/javascript">
  import '@/assets/css/style.css'

  import axios from 'axios'
  import {site} from '@/assets/js/boss'

  export default {
    data() {
      return {
        item: {}
      }
    },
    mounted() {
      let that = window.$vueApp = this;
      document.getElementsByTagName('body')[0].className = 'fixed-sidebar full-height-layout';
      that.staff.init(function () {
        axios.get(site.reportYear.info + sessionStorage.getItem(site.reportYear.info), {}).then(function (response) {
          const result = response.data;
          if (result.code === 0) {
            that.item = result.data;
          } else {
            alert(result.message);
          }
        });
      });
    },
    methods: {}
  }
</script>
